<script src="__CDN__/assets/addons/tang/vue2.js?v={$site.version|htmlentities}"></script>
<link rel="stylesheet" href="__CDN__/assets/addons/tang/element.css">
<link rel="stylesheet" href="__CDN__/assets/addons/tang/index.css">
<script src="__CDN__/assets/addons/tang/element.js?v={$site.version|htmlentities}"></script>
<div id="app" class="dashboard_debox" v-cloak>
    <div class="inner">
        <el-row>
            <el-col :span="24">
                <div class="show_content">
                    <div class="de_ti">数据统计</div>
                    <div class="show_data_list1">
                        <div class="item">
                            <div class="con">
                                <p class="p1">{$huizong.all.price}</p>
                                <p class="p2">总订单金额(元)</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">{$huizong.all.num}</p>
                                <p class="p2">总订单量(笔)</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">{$huizong.year.price}</p>
                                <p class="p2">今年订单金额(元)</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">{$huizong.year.num}</p>
                                <p class="p2">今年订单量(笔)</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">{$huizong.month.price}</p>
                                <p class="p2">当月订单金额(元)</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">{$huizong.month.num}</p>
                                <p class="p2">当月订单量(笔)</p>
                            </div>
                        </div>
                    </div>
                </div>
            </el-col>
        </el-row>
        <el-row :gutter="20">
            <el-col :span="12" :xs="24">
                <div class="show_content">
                    <div class="de_ti">今日数据</div>
                    <div class="show_data_list2">
                        <div class="item">
                            <div class="con">
                                <p class="p1">新增订单(笔)</p>
                                <p class="p2">{$today.order.num ? $today.order.num : 0}</p>
                                <p class="p3">昨日:{$yesterday.order.num ? $yesterday.order.num : 0}</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">下单金额(元)</p>
                                <p class="p2">{$today.order.price ? $today.order.price : 0}</p>
                                <p class="p3">昨日:{$yesterday.order.price ? $yesterday.order.price : 0}</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">未支付订单(笔)</p>
                                <p class="p2">{$today.order.nopay ? $today.order.nopay : 0}</p>
                                <p class="p3">昨日:{$yesterday.order.nopay ? $yesterday.order.nopay : 0}</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con">
                                <p class="p1">新增用户(人)</p>
                                <p class="p2">{$today.reg_user}</p>
                                <p class="p3">昨日:{$yesterday.reg_user}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="12" :xs="24">
                <div class="show_content">
                    <div class="de_ti">待办事项</div>
                    <div class="show_data_list3">
                        <div class="item">
                            <div class="con btn btn-dialog" data-title="待发货" data-area='["95%","95%"]' data-url="pifa/order?orderstate=1">
                                <div class="image">
                                    <img src="__CDN__/assets/addons/tang/image/db_1.png">
                                    {if isset($order_orderstate[1])}
                                    <div class="sp1">{$order_orderstate[1]}</div>
                                    {/if}
                                </div>
                                <div class="text">待发货</div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con btn btn-dialog" data-title="待退款" data-area='["95%","95%"]' data-url="pifa/md?status=0">
                                <div class="image">
                                    <img src="__CDN__/assets/addons/tang/image/db_2.png">
                                    {if $md_sq > 0}
                                    <div class="sp1">{$md_sq}</div>
                                    {/if}
                                </div>
                                <div class="text">待审核商家</div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con btn btn-dialog" data-title="待退款" data-area='["95%","95%"]' data-url="pifa/order?sh_status=1">
                                <div class="image">
                                    <img src="__CDN__/assets/addons/tang/image/db_3.png">
                                    {if $order_tuikuan > 0}
                                    <div class="sp1">{$order_tuikuan}</div>
                                    {/if}
                                </div>
                                <div class="text">待退款</div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con btn btn-dialog" data-title="运输中" data-area='["95%","95%"]' data-url="pifa/order?orderstate=2">
                                <div class="image">
                                    <img src="__CDN__/assets/addons/tang/image/db_4.png">
                                    {if isset($order_orderstate[2])}
                                    <div class="sp1">{$order_orderstate[2]}</div>
                                    {/if}
                                </div>
                                <div class="text">运输中</div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="con btn btn-dialog" data-title="已完成" data-area='["95%","95%"]' data-url="pifa/order?orderstate=3">
                                <div class="image">
                                    <img src="__CDN__/assets/addons/tang/image/db_5.png">
                                </div>
                                <div class="text">已完成订单</div>
                            </div>
                        </div>
                    </div>
                </div>
            </el-col>
        </el-row>
        <el-row :gutter="20">
            <el-col :span="12" :xs="24">
                <div class="show_content">
                    <div class="de_ti">订单数量</div>
                    <div class="chose_time">
                        <el-date-picker v-model="time1" @change="getData1" :picker-options="pickerOptions" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
                        </el-date-picker>
                    </div>
                    <div id="line-chart1" style="position: relative; height: 300px;"></div>
                </div>
            </el-col>
            <el-col :span="12" :xs="24">
                <div class="show_content">
                    <div class="de_ti">订单金额</div>
                    <div class="chose_time">
                        <el-date-picker v-model="time2" @change="getData2" :picker-options="pickerOptions" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
                        </el-date-picker>
                    </div>
                    <div id="line-chart2" style="position: relative; height: 300px;"></div>
                </div>
            </el-col>
        </el-row>
        <el-row :gutter="20">
            <el-col :span="8" :xs="24">
                <div class="show_content">
                    <div class="de_ti">商品销量排行</div>
                    <div class="de_tbale">
                        <div class="n_con n_con1">
                            <div class="item">商品名称</div>
                            <div class="item">订单量</div>
                            <div class="item">订单金额</div>
                        </div>
                        {volist name="order_top3" id="vo"}
                        <div class="n_con">
                            <div class="item">{$vo.goods_name}</div>
                            <div class="item">{$vo.num}</div>
                            <div class="item">{$vo.price}</div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </el-col>
            <el-col :span="8" :xs="24">
                <div class="show_content">
                    <div class="de_ti">用户消费排名</div>
                    <div class="de_tbale">
                        <div class="n_con n_con1">
                            <div class="item">昵称</div>
                            <div class="item">订单量</div>
                            <div class="item">订单金额</div>
                        </div>
                        {volist name="order_top" id="vo"}
                        <div class="n_con">
                            <div class="item">{$vo.shangjia_name}</div>
                            <div class="item">{$vo.num}</div>
                            <div class="item">{$vo.price}</div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </el-col>
            <el-col :span="8" :xs="24">
                <div class="show_content">
                    <div class="de_ti">推广排行</div>
                    <div class="de_tbale">
                        <div class="n_con n_con1">
                            <div class="item">推广员姓名</div>
                            <div class="item">订单量</div>
                            <div class="item">订单金额</div>
                        </div>
                        {volist name="order_top2" id="vo"}
                        <div class="n_con">
                            <div class="item">{$vo.shangjia_name}</div>
                            <div class="item">{$vo.num}</div>
                            <div class="item">{$vo.price}</div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</div>